<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:util="http://java.sun.com/jsf/composite/components/util"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:c="http://java.sun.com/jsp/jstl/core"
                xmlns:p="http://primefaces.prime.com.tr/ui">

    <h:outputScript library="js" name="jquery-1.6.4.js" target="head" />
    <h:outputScript library="js" name="launch.js" target="head"/>
    <h:outputScript library="js" name="usermenu.js" target="head"/>

    
    <div id="menubar">
            <ul>
                <h:form id="menuButtons">
                <li><p:commandButton id="menuProfileButton" ajax="false" value="#{msg.menuProfileButton}" action="gotoProfile" /></li>
                <li><p:commandButton id="menuContactsButton" ajax="false" value="#{msg.menuFavoritesButton}" action="gotoFavorites" /></li>
                <li><p:commandButton id="menuConversationsButton" ajax="false" value="#{msg.menuConversationsButton}" action="gotoConversations" /></li>
                <li><p:commandButton id="menuSearchButton" ajax="false" value="#{msg.menuSearchButton}" action="gotoSearch" /></li>
                </h:form>
            </ul>
    
    <div id="userMenu">
        <h:panelGrid columns="3">
            <h:graphicImage id="userMenuImage"
                url="#{myProfileBackingBean.user.profilePic}"/>
            <h:outputText id="userMenuText" value="#{msg.userMenuLoggedIn} #{sessionScope.user.username}" />
            <h:graphicImage id="userMenuButton" url="http://cdn1.iconfinder.com/data/icons/nuvola2/128x128/apps/download_manager.png"/>
        </h:panelGrid>
    </div>
    </div>
    
    <div id="userMenuDropdown"/>
    
</ui:composition>   
